<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../assets/css/culture.css">
  <link rel="stylesheet" href="../node_modules/animate.css/animate.min.css" />
  <script src="../jquery/jquery-3.6.0.min.js"></script>
  <title>茶文化</title>
</head>

<body>
  <div class="tea-top ">
    <div class="tea-cont content flex">
      <div class="top-left">
        <h1>品味茶叶</h1>
      </div>
      <ul class="flex">
        <li><a href="index.html">首页</a></li>
        <li><a href="product.html">产品展示</a></li>
        <li><a href="industry.html">行业资讯</a></li>
        <li><a href="culture.html" class="active">茶文化</a></li>
        <li><a href="about.html">联系我们</a></li>
      </ul>
    </div>
    <img src="../img/mores.png" alt="" class="more" id="mores">
    <ul class="iphone" id="iphones">
      <li><a href="index.html">首页</a></li>
      <li><a href="product.html">产品展示</a></li>
      <li><a href="industry.html">行业资讯</a></li>
      <li><a href="culture.html" class="actives">茶文化</a></li>
      <li><a href="about.html">联系我们</a></li>
    </ul>
  </div>
  <div class="banner">
    <img src="../img/q7.png" />
  </div>
  <div class="center">
    <div class="centerOne">
      <div class="centeroneTitle wow animate__animated animate__slideInUp">
        【&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;茶文化&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;】
      </div>
      <div class="centeroneBottom">
        <div class="centeroneBottoms wow animate__animated animate__slideInUp">
          <p>中华茶道，源远流长,</p>
          <p>却被忙碌浮躁的现代人所怠慢。</p>
          <p>红尘滚滚,沧海逐浪,人生,总值得在这样一个清静的黄昏，</p>
          <p>停下疲惫的脚步,泡一壶茶，</p>
          <p> 随刻一段美好的时光,于满心的欣喜里,</p>
          <p class="text">慢慢品味愉得浮生半日闲的惬意....</p>
        </div>
      </div>
    </div>
    <!--centerOne-->
    <div class="centers">
      <div class="centerTwo">
        <img src="../img/q8.png" class="imgs" />
        <div class="centerTwos">
          <div class="centertwosLeft wow animate__animated animate__slideInUp">
            <img src="../img/q3.png" class="img2 wow animate__animated animate__slideInUp" />
            <p>先苦后甜，能提神补气;</p>
            <p>鲜醇厚感，闻之清香，该色金黄透亮，茶味浓而耐泡</p>
            <p>水假蜜香，人心质，香味浓够，口感醉忌</p>
          </div>
          <div class="centertwosRight wow animate__animated animate__slideInUp">
            <img src="../img/q2.png" />
          </div>
        </div>
      </div>
      <!--centerTwo-->
      <div class="centerThree">
        <div class="centerthreeLeft">
          <img src="../img/q6.jpg" />
        </div>
        <div class="centerthreeRight">
          <p class="text2">禅茶一味</p>
          <p>本来清静，</p>
          <p>只因在这喧闹的世界，</p>
          <p>匆匆人生中，</p>
          <p>进行渐远，</p>
          <p>静下来，</p>
          <p>品一杯生活的甘甜与本真</p>
        </div>
      </div>
      <!--centerThree-->
    </div>
  </div>
  <!--center-->
  <div class="tea-bottom">
    <div class="contents flex bottom-cont">
      <div>
        客服热线:(周一周五9:00-18:00) </br>
        000-00000000 </br>
        客服电话:020-000000 </br>
        客服QQ:177488228 </br>
        客服邮箱:xxx@.co.m </br>
      </div>
      <ul>
        <li><a href="/view/index.html">首页</a></li>
        <li><a href="/view/product.html">所有产品</a></li>
        <li><a href="/view/industry.html">产业资讯</a></li>
        <li><a href="/view/culture.html">茶文化</a></li>
      </ul>
      <div>
        品牌故事 </br>
        留言板 </br>
      </div>
    </div>
    <p>@20220912网站设计---茶叶版权所有
    </p>
  </div>
  <script>
    $(function () {
      $("#mores").click(function () {
        var mo = $("#mores").attr('src')
        if (mo == '../img/mores.png') {
          $("#mores").attr("src", "../img/cancels.png")
          $("#iphones").addClass("show")
        } else {
          $("#mores").attr("src", "../img/mores.png")
          $("#iphones").removeClass("show")
        }
      })
    })
  </script>
</body>

</html>